window.addEventListener("load", function () {
	// 表单验证
	// 1.用户名验证
	$("#register span")[0].classList.remove("on");
	$("#username").addEventListener("blur", function () {
		const regex = /^[a-zA-Z0-9]{6,20}$/;
		if (!regex.test(this.value)) {
			$("#register span")[0].classList.add("on");
		}
	});
	// 2.手机号验证
	$("#register span")[1].classList.remove("on");
	$("#teleNumber").addEventListener("blur", function () {
		const regex = /^[0-9]{12}$/;
		if (!regex.test(this.value)) {
			$("#register span")[1].classList.add("on");
		}
	});
	// 3.手机验证码
	$("#register span")[2].classList.remove("on");
	$("#verificationCode").addEventListener("blur", function () {
		const regex = /^[0-9]{5}$/;
		if (!regex.test(this.value)) {
			$("#register span")[2].classList.add("on");
		}
	});
	// 4.密码验证
	$("#register span")[3].classList.remove("on");
	$("#password").addEventListener("blur", function () {
		const regex = /^[0-9]{6,12}$/;
		if (!regex.test(this.value)) {
			$("#register span")[3].classList.add("on");
		}
	});
	// 提交验证
	$("#register").addEventListener("submit", function (e) {
		const regexUsername = /^[a-zA-Z0-9]{6,20}$/;
		const regexTel = /^[0-9]{12}$/;
		const regexVerCode = /^[0-9]{5}$/;
		const regexPass = /^[0-9]{6,12}$/;
		if (
			!regexUsername.test(this[0].value) ||
			!regexTel.test(thsi[1].value) ||
			!regexVerCode.test(this[2].value) ||
			!regexPass.test(this[4].value) ||
			this[5].checked
		) {
			e.preventDefault();
		}
	});
});
